.table-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	overflow: hidden;

	.ant-table-wrapper {
		overflow: hidden;
		width: 100%;
		flex: 0 1 100%;

		.ant-spin-nested-loading {
			height: 100%;
			overflow: hidden;

			.ant-spin-container {
				height: 100%;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;

				.ant-table {
					width: 100%;
					flex: 0 1 100%;
					overflow: auto;
				}

				.ant-pagination {
					flex: 0;
					width: 100%;
					padding: 0;
					margin: 0;
					background: #ebebeb40;
					margin-top: 6px;
				}
			}
		}
	}
}

.table-striped td {
	background-color: var(--table-row-hover-bg);
}

.s-table-tool {

	display: flex;
	position: relative;
	padding-bottom: 6px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;

	.diContainer{
		position: relative;
		width: 100%;
		display: flex;flex-direction: column;
		justify-content: center;align-items: center;
		.di {
			width: 100%;
			height: 7px;
			background: #ebebeb40;
			border-radius: 6px;
			margin-top: 12px;
		}

		.expandArrow {


			opacity: 0.5;
			z-index: 9;
			cursor: pointer;


			font-size: 12px;

			background: #ebebeb;
			color: #767b81;
			width: 70px !important;
			height: 14px !important;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			border: 1px solid #a8afb7;
			border-radius: 6px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-top: 0;
		}
	}


	.s-table-tool-left {
		width: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;


		.top-info {
			padding: 6px 0 6px 0;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
		}

		.action {
			flex: 1;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: flex-start;
			max-width: 100%;
			margin-bottom: 12px;
		}
	}


	.s-table-tool-right {

		.s-tool-item {
			font-size: 16px;
		@apply ml-4;
			cursor: pointer;

		}
	}
}

.s-tool-column-item {
	display: flex;
	align-items: center;
	padding: 4px 16px 4px 4px;

	.ant-checkbox-wrapper {
		flex: 1;
	}

	.s-tool-column-handle {
		opacity: .8;
		cursor: move;

		.anticon-more {
			font-size: 12px;

			& + .anticon-more {
				margin: 0px 4px 0 -8px;
			}
		}
	}
}

.s-tool-column-header {
	padding: 5px 16px 10px 24px;
	min-width: 180px;
}

.s-tool-column {
	.ant-divider {
		margin: 0;
	}

	.ant-checkbox-group {
		padding: 4px 0;
		display: block;
	}
}

.s-table-column-settings .ant-popover-inner-content {
	padding: 0;
}
